img {
    pointer-events: none;
}
body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0; font-weight:normal;}
*{ box-sizing:border-box; margin:0; padding:0;}
ul,ol,li {list-style: outside none none; margin:0; padding:0;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}
.clear{ clear:both}
a:hover { color:#c61c22;}

/*img {height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.wrap { width:1300px; margin-right:auto; margin-left:auto;}


.set-img{width:26%;padding-top:53px;}
.set-img img{height:177px;width:100%;}
.setCon .tit{font-size:22px;color:#4e4e4e; margin-bottom: 50px; font-weight:bold; line-height: normal}
.setMenu li a{display:block;position:relative;color:#4a4a4a; transition-duration:.5s; padding:8px 0}
.setMenu li a:hover{ background:#d01027; color:#fff; padding-left:10px;}
.setCon{width: 43%;padding: 50px 3% 0px 0; text-align:left;}
.setCon .p{color: #666;line-height: 30px;overflow: hidden;text-align: justify; font-size:16px;}
.set_close{display:block;width:21px;height:21px;background:url(../img/icons.png) 0 0 no-repeat;right: 0;bottom:7%;}
.pp01{ margin:70px 0; position:relative; border-right:1px dashed #15131b; width:33%; padding:0 20px; text-align:left; float:left; min-height:630px;}
.pp02{ padding-left:3%;}
.pp01 dl dt{ font-size:18px; font-weight:bold; line-height:33px;}
.pp01 dl dd{ line-height:20px;}
.pro01{ position:absolute; left:88px;}
.po01{ top:283px;}
.po01 dl:nth-child(2){ padding:10px 0 50px 0;}
.po01 dl:nth-child(3){ padding-bottom:45px;}
.po01 dl:nth-child(4){ padding-bottom:52px;}

.po02{ top:283px; left:78px;}
.po02 dl:nth-child(2){ padding:18px 0 50px 0;}
.po02 dl:nth-child(3){ padding-bottom:50px;}

.po03{ top:283px; left:130px;}
.po03 dl:nth-child(2){ padding:15px 0 55px 0;}
.po03 dl:nth-child(3){ padding-bottom:45px;}
.po03 dl:nth-child(4){ padding-bottom:43px;}


header .nav-box .link-b {
        width: 100%;
        display: block;
        padding-left: 17%;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 40px;
        margin-bottom: 5px;
        transition: background .3s, color .3s
    }

    header .nav-box .link-b span {
        width: 100%;
        display: block;
        background: 0
    }

   


    .nav-box .content p {
        text-align: left;
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 22px
    }

  
header .nav-box .ab-setMenu{width:18%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 40px;}
.ab-setCon{ width:33.5%;}
header .nav-box .ab-setMenu li:nth-child(2n){ margin-right:0 }
   

    .search-send {
        position: absolute;
        z-index: 2;
        background-color: #222;
        right: -34%;
        top: 0;
        width: 25%;
        transition: right .3s
    }

    .search-send.on {
        right: 3%
    }

    .search-send .close {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../img/head03.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -9px;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: transform .3s ease 0s
    }

    .search-send .close:hover {
        transform: rotateZ(90deg);
        transition: transform .3s ease 0s
    }

    .search-send form {
        width: 100%;
        height: 100%
    }

    .search-send .text {
        border: 0;
        font-size: 18px;
        height: 100%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        color: #555;
        background: 0;
        padding: 0 5% 0 13%;
        outline: 0
    }

    .search-send .submit {
        cursor: pointer;
        border: 0;
        background: url(../img/head01.png) no-repeat center;
        background-color: #bb0327;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        outline: 0
    }

    .search-send .text::-webkit-input-placeholder {
        color: #555
    }

    .search-send .text:-moz-placeholder {
        color: #555
    }

    .search-send .text::-moz-placeholder {
        color: #555
    }

    .search-send .text:-ms-input-placeholder {
        color: #555
    }

/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background:rgba(0,0,0,0.5); filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 600px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -300px; z-index: 10000; background:#bf101a  }
#dialog input::-webkit-input-placeholder {
/* placeholder颜色  */
color: #fff;
    }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:20px; height:20px; background:url(../images/sear.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}


.ne-cd{ width:100%; background:#f4f4f4; border-bottom:1px solid #d9d9d9;}
.ne-cd li{ padding:0 36px; border-right:1px solid #d9d9d9; float:left; text-align:center; font-size:18px; position:relative; height:74px; line-height:74px;}
.ne-cd li:nth-child(1){ border-left:1px solid #d9d9d9}
.ne-cd li a{font-weight:bold; display:block;}
.ne-cd li:hover a{ color:#bf101a;}
.ne-cd li:after{ content:""; display:block; height:2px; background:#bf101a; content: "";width: 0;position: absolute;left: 50%; transition-duration:.5s; bottom:0px;}
.ne-cd li:hover:after{left: 15%;width: 70%;}
.ne-cd .nn01:after{left: 15%;width: 70%;}

 
 /* side */
.side-right{position:fixed;width:54px;height:275px;right:0;top:314px;z-index:100;}
.side-right ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side-right ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background-color: #39424b;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; line-height: 54px;
font-size: 16px;}
.side-right ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background-color: #39424b;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side-right ul li .sidetop:hover{background-color: #bf101a;opacity:1;filter:Alpha(opacity=100);}
.side-right ul li img{float:left;}
.side-right ul .wx-right{background-color: #39424b;}
.side-right ul .wx-right:hover{background-color: #bf101a;opacity:1;filter:Alpha(opacity=100);}
.ewm-right{
  position: absolute;
  top: 20px;
  right: 54px;
  width: 130px;
  height: 160px;
  background: #39424b;
  text-align: center;
  color: #fff;
  padding-top:15px;
  border-radius: 10px 0 0 10px;
  display: none;
}
.ewm-right img{
  display: inline;
}



.friend-link{
  float: left;
  margin-top: 16px;
  position: relative;
}

.friend-link .link{
  height: 24px;
  cursor: pointer;
  width: 200px;
  display: block;
  padding-left: 30px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  text-align: left; opacity:0.7;
}

.friend-link .link:before{
  content: "";
  position: absolute;
  right: 32px;
  top: 1px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 1;
}

.friend-link .link:after{
  content: "";
  position: absolute;
  right: 30px;
  top: -3px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #78797a;
}

.friend-link a:focus,
.friend-link .link:hover{
  text-decoration: none;
}

.friend-link ul{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 24px;
  background-color: #3e3f41;
  padding-left: 30px;
  border: 1px solid #252527;
  border-bottom: none;
  max-height: 195px;
  overflow-y: auto;
  display: none;
  text-align: right;
}

.friend-link.open ul{display:block;}

.friend-link li{
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
}

.friend-link li a{
  color: #78797a;
  font-size: 14px;
  text-align: left;
}
.link-logo{ padding-left:30px;}
.link-logo a{ padding-left:20px;}










@media (min-width: 1441px) {
 .w86{ width:1400px; margin:0 auto;}
 .wrap{ width:1400px; margin:0 auto}
  header .nav-box {width: 58%;margin: 0 auto}
  .footer dl{padding-right: 120px;}

}


@media(max-width:1430px) {
   
    .w1400 {
        width: 92%
    }
    header .search-box {
        width: 6%
    }
    
    .search-send.on {
        right: 6%
    }
    .search-send {
        width: 20%
    }
    .footer dl{padding-right: 120px;}
}



@media(max-width:1231px) {
    header .nav-box {width: 55%;}
	header .nav-box li {width: 16.5%;}
	.ne-cd li{ padding:0 25px;}
	header .nav-box a.tit{ font-size:16px;}
	header .nav-box li .tit-top {font-size:16px; display:inline-block;}
	
}

@media(max-width:1024px) {
   .slideBox .bd li{ height:auto; padding-top:50px;}
    .nav-box {
        display: none
    }
  
    .mobile-nav {
        float: right;
        width: 50px;
        height: 55px;
        position: relative;
        z-index: 3;
        background: #b4b4b4;
        margin-left: 1px;
        padding: 18px 10px
    }
	
    .mobile-nav span {
        width: 30px;
        height: 2px;
        background: #fff;
        display: block;
        margin-bottom: 5px;
        position: relative
    }
    .mobile-nav.on {
        background: #d9271b;
        padding: 25px 10px
    }
    .mobile-nav.on span {
        transform-origin: center;
        transition: transform .3s
    }
    .mobile-nav.on span.line2 {
        display: none
    }
    .mobile-nav.on span.line1 {
        transform: rotate(45deg);
        top: 3px
    }
    .mobile-nav.on span.line3 {
        transform: rotate(-45deg);
        top: -3px
    }
    .mobile-nav-box {
        width: 100%;
           background-color: rgba(0,0,0,0.9);
        position: absolute;
        top: 60px;
        left: 0;
    
        overflow: auto;
        display: none
    }
    .mobile-nav-box ul {
        width: 100%
    }
    .mobile-nav-box li {
        width: 100%
    }
    .mobile-nav-box h2 {
        width: 100%;
        padding: 0 3%;
        border-bottom: solid 1px rgba(255,255,255,0.3);
        font-size: 16px;
        line-height: 50px;
        background: url(../img/head02.png) no-repeat 96% center;
        cursor: pointer
    }
    .mobile-nav-box h2.cur {
        background: url(../img/head02_h.png) no-repeat 96% center
    }
    .mobile-nav-box h2 a {
        color: #fff
    }
    .mobile-nav-box h2.cur a {
        color: #d9271b
    }
    .mobile-nav-box .con {
        width: 100%;
        background: #f5f5f5;
        display: none
    }
    .mobile-nav-box p {
        width: 100%;
        padding: 0 6%;
        line-height: 30px;
        font-size: 14px
    }
    .mobile-nav-box p.on {
        background: url(../img/head02.png) no-repeat 96% center; border:none;
    }
    .mobile-nav-box p a {
        color: #666
    }
    .mobile-nav-box .tit-con {
        display: block;
        width: 100%;
        padding: 0 3%;
        display: none
    }
    header .link {
        display: none
    }
    .search-send .text {
        font-size: 40px
    }

    .search-send.on {
        right: 99px
    }
    .search-send {
        width: 40%
    }
    .search-send .text {
        font-size: 18px
    }
    .search-send {
        right: -38%
    }
	.ne-cd li{ padding:0 15px;}
}






@media(max-width:700px) {
    .search-hbox {
        padding: 30px 0 10px
    }
    .search-hbox .left {
        padding: 10px 4% 20px
    }
    .search-hbox .left h2 {
        font-size: 14px;
        line-height: 24px;
        height: 24px
    }
    .search-hbox .left span {
        line-height: 24px
    }
    .search-hbox .left li a {
        padding: 10px 0
    }
    .search-hbox .right .tit {
        padding: 5px 0 5px 30px;
        font-size: 14px;
        background: #d82117 url(../img/a20.png) no-repeat 10px center;
        background-size: 12px
    }
    .search-hbox .right li {
        font-size: 14px;
        padding: 6px 0 6px 10px;
        line-height: 20px
    }
.ne-cd li{ padding:0 15px; font-size:14px;}
}









@media (min-width: 1441px) {



}

@media (min-width: 1368px) and (max-width: 1441px){
	
	}
@media (min-width: 1198px) and (max-width: 1367px){
	.footer dl{padding-right: 110px;}
	}


@media (min-width: 992px) and (max-width: 1199px) {


}


@media (min-width: 768px) and (max-width: 991px){

}


@media (min-width: 480px) and (max-width: 767px) {
	header .logo{ width:35%;}
	.wrap{ width:100%;}
	header .logo img{ padding-top:15px;}
	.in-slideBox .bd li{ height:auto; padding-top:50px;}
	header .search img{ padding-top:15px;}
	.in-slideBox .hd ul li{ width:7px; height:7px;}
	.in-slideBox .hd ul li.on{ width:26px; height:7px;}
	.in-slideBox .hd{ bottom:10px;}
	.footer dl{ padding:10px; min-height:205px;}
	.banquan p{ float:none; width:100%; margin:40px 0 20px 0; clear:both;}
	.d-cd a{ padding-left:0; padding-right:10px; opacity:1;}
	.ne-cd{ border-bottom:0;}
	.ne-cd li{border-bottom: 1px solid #d9d9d9; width:25%; height:50px; line-height:50px;}
	.ne-cd li:nth-child(1){ border-left:0;}
	.ne-cd li:nth-child(4n){ border-right:0;}
	.footer dl dd a{font-size:12px;}
	.f-ewm{ padding-right:0;}
	header .enght .con{ width:100%; left:0;}
	.side-right{ display:none;}
	.footer dl{ padding:10px 20px;}
	.footer dl dd{ min-height:200px;}
	.footer dl:nth-child(4) dd,.footer dl:nth-child(5) dd{ min-height:auto;}
	.footer .f-ewm{ width:50%;}
	.link-logo{ padding-left:0;}
	.link-logo a{ padding-left:0; padding-right:10px;}
	.banquan span{ width:100%;}
	}




@media (max-width: 479px) {
	header .logo{ width:35%;}
	.wrap{ width:100%;}
	.in-slideBox .bd li{ height:auto; padding-top:50px;}
	header .search img{ padding-top:15px;}
	.in-slideBox .hd ul li{ width:7px; height:7px;}
	.in-slideBox .hd ul li.on{ width:26px; height:7px;}
	.in-slideBox .hd{ bottom:10px;}
	.footer dl{ min-height:auto; padding:10px 4px }
	.banquan p{ float:none; width:100%; margin:40px 0 20px 0; clear:both;}
	.d-cd a{ padding-left:0; padding-right:10px; opacity:1;}
	.ne-cd{ border-bottom:0;}
	.ne-cd li{border-bottom: 1px solid #d9d9d9; width:25%; height:50px; line-height:50px;}
	.ne-cd li:nth-child(1){ border-left:0;}
	.ne-cd li:nth-child(4n){ border-right:0;}
	.footer dl dd a{font-size:12px;}
	.f-ewm{ padding-right:0;}
	header .enght .con{ width:100%; left:0;}
	.side-right{ display:none;}
	.link-logo{ padding-left:0;}
	.link-logo a{ padding-left:0; padding-right:10px;}
	.banquan span{ width:100%;}
	header .enght{ margin-top:12px;}
	.footer dl dt{ font-size:16px; font-weight:normal}

#dialog{ width: 90%; left: 10%; margin: -70px 0 0 0;  }
	}